﻿<div ng-controller="GovernanceIndicatorsOverallScoreController as ctrl">
    <div class="border-spacer">Overall Score</div>
    <div class="row-fluid">
        <div ng-repeat="scores in ctrl.indicatorsOverallScores.overallScores">
            <div class="col-md-4">
                <div style="display: table;">
                    <div class="sidebar-table-left no-border" style="display: table-cell; float: none;">
                        <div class="green-number-bubble">
                            {{ scores.score | number: 0 }}
                        </div>
                    </div>
                    <div class="sidebar-table-right no-border" style="display: table-cell; vertical-align: middle; float: none;">
                        <div class="title-black-border no-border">{{scores.name}}</div>
                    </div>
                    <div class="clear">&nbsp;</div>
                </div>               
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div><br />